import React from 'react'

import HomeCard from './HomeCard'
import HomeHealthInfo from './HomeHealthInfo'

import {HomeGridWraper} from './styledHome'

export default function HomeGrid() {
    return (
        <HomeGridWraper>
            <div className='card'>
                <HomeCard
                iconName = 'newspaperFill'
                title = '健康档案'
                color = '#FA646B'
                to = '/My/healthText'
                ></HomeCard>
                <HomeCard
                iconName = 'fundsFill'
                title = '健康检测'
                color = '#FDDB78'
                to = '/My/monitoring'
                ></HomeCard>
                <HomeCard
                iconName = 'editLine'
                title = '在线签约'
                color = '#3DD4A7'
                to = '/home/hospitallist'
                ></HomeCard>
            </div>
            <div className='health'>
                <HomeHealthInfo
                title = '健康头条'
                text = '健康咨询早知道'
                ></HomeHealthInfo>
                <HomeHealthInfo
                title = '慢病护理'
                text = '慢病护理小常识'
                ></HomeHealthInfo>
            </div>
    </HomeGridWraper>
    )
}

